<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="shf.css"/>
    <style type="text/css">
        *{
            box-sizing: border-box;
        }
        .container{
            background: pink;
        }
        div[class|=shf]{
            border: 1px solid;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="shf-col-lg-10">shf-col-lg-10</div>
        <div class="shf-col-lg-2">shf-col-lg-2</div>
    </div>
    <div class="row">
        <div class="shf-col-lg-6">shf-col-lg-6</div>
        <div class="shf-col-lg-6">shf-col-lg-6</div>
    </div>
    <div class="row">
        <div class="shf-col-lg-4">shf-col-lg-4</div>
        <div class="shf-col-lg-8">shf-col-lg-8</div>
    </div>
</div>
</body>
</html>
